﻿<!DOCTYPE html>
<html>
  <head>
    <title>抽屉</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/抽屉/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/抽屉/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7532" class="ax_default">
        <div id="u7532_state0" class="panel_state" data-label="State1" style="">
          <div id="u7532_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7533" class="ax_default box_2">
              <div id="u7533_div" class=""></div>
              <div id="u7533_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u7534" class="ax_default paragraph">
              <div id="u7534_div" class=""></div>
              <div id="u7534_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u7535" class="ax_default" data-label="header">
        <div id="u7535_state0" class="panel_state" data-label="State1" style="">
          <div id="u7535_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7536" class="ax_default box_1">
              <div id="u7536_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7537" class="ax_default">
              <div id="u7537_state0" class="panel_state" data-label="State1" style="">
                <div id="u7537_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7538" class="ax_default box_1">
                    <div id="u7538_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7539" class="ax_default box_1">
                    <div id="u7539_div" class=""></div>
                    <div id="u7539_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7540" class="ax_default box_1">
                    <div id="u7540_div" class=""></div>
                    <div id="u7540_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7541" class="ax_default image">
                    <img id="u7541_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7542" class="ax_default box_1">
                    <img id="u7542_img" class="img " src="images/index/u11.png"/>
                    <div id="u7542_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7543" class="ax_default box_1">
        <div id="u7543_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u7545" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7545_div" class=""></div>
        <div id="u7545_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7546" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7546_div" class=""></div>
        <div id="u7546_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7547" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7547_div" class=""></div>
        <div id="u7547_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7548" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7548_div" class=""></div>
        <div id="u7548_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7549" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7549_div" class=""></div>
        <div id="u7549_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7550" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7550_div" class=""></div>
        <div id="u7550_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7551" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7551_div" class=""></div>
        <div id="u7551_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7552" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7552_div" class=""></div>
        <div id="u7552_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7553" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7553_div" class=""></div>
        <div id="u7553_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7554" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7554_div" class=""></div>
        <div id="u7554_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7555" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7555_div" class=""></div>
        <div id="u7555_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7556" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7556_div" class=""></div>
        <div id="u7556_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7557" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7557_div" class=""></div>
        <div id="u7557_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7558" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7558_div" class=""></div>
        <div id="u7558_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7559" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7559_div" class=""></div>
        <div id="u7559_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7560" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7560_div" class=""></div>
        <div id="u7560_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7561" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7561_div" class=""></div>
        <div id="u7561_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7562" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7562_div" class=""></div>
        <div id="u7562_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7563" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7563_div" class=""></div>
        <div id="u7563_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7564" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7564_div" class=""></div>
        <div id="u7564_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7565" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7565_div" class=""></div>
        <div id="u7565_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7566" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7566_div" class=""></div>
        <div id="u7566_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7567" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7567_div" class=""></div>
        <div id="u7567_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7568" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7568_div" class=""></div>
        <div id="u7568_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7569" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7569_div" class=""></div>
        <div id="u7569_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7570" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7570_div" class=""></div>
        <div id="u7570_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7571" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7571_div" class=""></div>
        <div id="u7571_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7572" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7572_div" class=""></div>
        <div id="u7572_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7573" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7573_div" class=""></div>
        <div id="u7573_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7574" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7574_div" class=""></div>
        <div id="u7574_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7575" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7575_div" class=""></div>
        <div id="u7575_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7576" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7576_div" class=""></div>
        <div id="u7576_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7577" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7577_div" class=""></div>
        <div id="u7577_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7578" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7578_div" class=""></div>
        <div id="u7578_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7579" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7579_div" class=""></div>
        <div id="u7579_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7580" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7580_div" class=""></div>
        <div id="u7580_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7581" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7581_div" class=""></div>
        <div id="u7581_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7582" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7582_div" class=""></div>
        <div id="u7582_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7583" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7583_div" class=""></div>
        <div id="u7583_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7584" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7584_div" class=""></div>
        <div id="u7584_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7585" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7585_div" class=""></div>
        <div id="u7585_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7586" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7586_div" class=""></div>
        <div id="u7586_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7587" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7587_div" class=""></div>
        <div id="u7587_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7588" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7588_div" class=""></div>
        <div id="u7588_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7589" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7589_div" class=""></div>
        <div id="u7589_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7590" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7590_div" class=""></div>
        <div id="u7590_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7591" class="ax_default box_1 selected" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7591_div" class="selected"></div>
        <div id="u7591_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7592" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7592_div" class=""></div>
        <div id="u7592_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7593" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7593_div" class=""></div>
        <div id="u7593_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7594" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7594_div" class=""></div>
        <div id="u7594_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7595" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7595_div" class=""></div>
        <div id="u7595_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7596" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7596_div" class=""></div>
        <div id="u7596_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7597" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7597_div" class=""></div>
        <div id="u7597_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7598" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7598_div" class=""></div>
        <div id="u7598_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7599" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7599_div" class=""></div>
        <div id="u7599_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7600" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7600_div" class=""></div>
        <div id="u7600_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7601" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7601_div" class=""></div>
        <div id="u7601_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7602" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7602_div" class=""></div>
        <div id="u7602_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7603" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7603_div" class=""></div>
        <div id="u7603_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7604" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7604_div" class=""></div>
        <div id="u7604_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7605" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7605_div" class=""></div>
        <div id="u7605_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7606" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7606_div" class=""></div>
        <div id="u7606_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7607" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-fenzu-light">
        <div id="u7607_div" class=""></div>
        <div id="u7607_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7608" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7608_div" class=""></div>
        <div id="u7608_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7609" class="ax_default box_1" selectiongroup="u7544nav-cebianlan-light">
        <div id="u7609_div" class=""></div>
        <div id="u7609_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u7611" class="ax_default">
        <div id="u7611_state0" class="panel_state" data-label="State1" style="">
          <div id="u7611_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7612" class="ax_default box_1">
              <div id="u7612_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u7613" class="ax_default">
              <div id="u7613_state0" class="panel_state" data-label="State1" style="">
                <div id="u7613_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7614" class="ax_default box_1">
                    <div id="u7614_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7615" class="ax_default label">
                    <div id="u7615_div" class=""></div>
                    <div id="u7615_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7616" class="ax_default label">
                    <div id="u7616_div" class=""></div>
                    <div id="u7616_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7617" class="ax_default label">
                    <div id="u7617_div" class=""></div>
                    <div id="u7617_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7618" class="ax_default label">
                    <div id="u7618_div" class=""></div>
                    <div id="u7618_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7619" class="ax_default label">
                    <div id="u7619_div" class=""></div>
                    <div id="u7619_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7620" class="ax_default label">
                    <div id="u7620_div" class=""></div>
                    <div id="u7620_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7621" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7622" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u7623" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u7624" class="ax_default image">
                    <img id="u7624_img" class="img " src="images/logo.png"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- normal-right (Dynamic Panel) -->
      <div id="u7625" class="ax_default ax_default_hidden" data-label="normal-right" style="display:none; visibility: hidden">
        <div id="u7625_state0" class="panel_state" data-label="State1" style="">
          <div id="u7625_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7626" class="ax_default box_1">
              <img id="u7626_img" class="img " src="images/抽屉/u7626.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u7627" class="ax_default" data-label="content">
              <div id="u7627_state0" class="panel_state" data-label="State1" style="">
                <div id="u7627_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7628" class="ax_default box_1">
                    <div id="u7628_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7629" class="ax_default box_1">
                    <div id="u7629_div" class=""></div>
                    <div id="u7629_text" class="text ">
                      <p><span>Basic Drawer Right</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7630" class="ax_default label">
                    <div id="u7630_div" class=""></div>
                    <div id="u7630_text" class="text ">
                      <p><span>Some contents...</span></p><p><span>Some contents...</span></p><p><span>Some contents...</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7631" class="ax_default heading_1">
        <div id="u7631_div" class=""></div>
        <div id="u7631_text" class="text ">
          <p><span>Drawer 抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7632" class="ax_default heading_1">
        <div id="u7632_div" class=""></div>
        <div id="u7632_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7633" class="ax_default label">
        <div id="u7633_div" class=""></div>
        <div id="u7633_text" class="text ">
          <p><span>抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到到原任务。</span></p><p><span><br></span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7634" class="ax_default label">
        <div id="u7634_div" class=""></div>
        <div id="u7634_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7635" class="ax_default label">
        <div id="u7635_div" class=""></div>
        <div id="u7635_text" class="text ">
          <p><span>基础抽屉，点击触发按钮抽屉从右滑出，点击遮罩区关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7636" class="ax_default box_1">
        <div id="u7636_div" class=""></div>
        <div id="u7636_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7637" class="ax_default label">
        <div id="u7637_div" class=""></div>
        <div id="u7637_text" class="text ">
          <p><span>左侧滑出</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7638" class="ax_default label">
        <div id="u7638_div" class=""></div>
        <div id="u7638_text" class="text ">
          <p><span>基础抽屉，点击触发按钮抽屉从左滑出，点击遮罩区关闭。</span></p>
        </div>
      </div>

      <!-- normal-left (Dynamic Panel) -->
      <div id="u7639" class="ax_default ax_default_hidden" data-label="normal-left" style="display:none; visibility: hidden">
        <div id="u7639_state0" class="panel_state" data-label="State1" style="">
          <div id="u7639_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7640" class="ax_default box_1">
              <img id="u7640_img" class="img " src="images/抽屉/u7626.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u7641" class="ax_default" data-label="content">
              <div id="u7641_state0" class="panel_state" data-label="State1" style="">
                <div id="u7641_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7642" class="ax_default box_1">
                    <div id="u7642_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7643" class="ax_default box_1">
                    <div id="u7643_div" class=""></div>
                    <div id="u7643_text" class="text ">
                      <p><span>Basic Drawer Left</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7644" class="ax_default label">
                    <div id="u7644_div" class=""></div>
                    <div id="u7644_text" class="text ">
                      <p><span>Some contents...</span></p><p><span>Some contents...</span></p><p><span>Some contents...</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7645" class="ax_default box_1">
        <div id="u7645_div" class=""></div>
        <div id="u7645_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>

      <!-- object (Dynamic Panel) -->
      <div id="u7646" class="ax_default ax_default_hidden" data-label="object" style="display:none; visibility: hidden">
        <div id="u7646_state0" class="panel_state" data-label="State1" style="">
          <div id="u7646_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7647" class="ax_default box_1">
              <img id="u7647_img" class="img " src="images/抽屉/u7626.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u7648" class="ax_default" data-label="content">
              <div id="u7648_state0" class="panel_state" data-label="State1" style="">
                <div id="u7648_state0_content" class="panel_state_content">

                  <!-- Unnamed (Group) -->
                  <div id="u7649" class="ax_default" data-left="0" data-top="0" data-width="703" data-height="448">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7650" class="ax_default box_1">
                      <div id="u7650_div" class=""></div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u7651" class="ax_default">
                      <div id="u7651_state0" class="panel_state" data-label="State1" style="">
                        <div id="u7651_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u7652" class="ax_default box_1">
                            <div id="u7652_div" class=""></div>
                            <div id="u7652_text" class="text ">
                              <p><span>Create</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (Horizontal Line) -->
                          <div id="u7653" class="ax_default line">
                            <img id="u7653_img" class="img " src="images/对话框/u7504.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u7654" class="ax_default">
                      <div id="u7654_state0" class="panel_state" data-label="State1" style="">
                        <div id="u7654_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u7655" class="ax_default label">
                            <div id="u7655_div" class=""></div>
                            <div id="u7655_text" class="text ">
                              <p><span></span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u7656" class="ax_default">
                      <div id="u7656_state0" class="panel_state" data-label="State1" style="">
                        <div id="u7656_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u7657" class="ax_default box_1">
                            <div id="u7657_div" class=""></div>
                          </div>

                          <!-- Unnamed (Horizontal Line) -->
                          <div id="u7658" class="ax_default line">
                            <img id="u7658_img" class="img " src="images/对话框/u7504.png"/>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Dynamic Panel) -->
                    <div id="u7659" class="ax_default">
                      <div id="u7659_state0" class="panel_state" data-label="State1" style="">
                        <div id="u7659_state0_content" class="panel_state_content">

                          <!-- Unnamed (Rectangle) -->
                          <div id="u7660" class="ax_default box_1">
                            <div id="u7660_div" class=""></div>
                            <div id="u7660_text" class="text ">
                              <p><span>Submit</span></p>
                            </div>
                          </div>

                          <!-- Unnamed (Rectangle) -->
                          <div id="u7661" class="ax_default box_1">
                            <img id="u7661_img" class="img " src="images/抽屉/u7661.png"/>
                            <div id="u7661_text" class="text ">
                              <p><span>Cancel</span></p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7662" class="ax_default label">
                      <div id="u7662_div" class=""></div>
                      <div id="u7662_text" class="text ">
                        <p><span>Name</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7663" class="ax_default" data-left="18" data-top="102" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u7664" class="ax_default box_1" data-label="input-border">
                        <div id="u7664_div" class=""></div>
                      </div>

                      <!-- Unnamed (Text Field) -->
                      <div id="u7665" class="ax_default text_field">
                        <input id="u7665_input" type="text" value=""/>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7666" class="ax_default label">
                      <div id="u7666_div" class=""></div>
                      <div id="u7666_text" class="text ">
                        <p><span>Name</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7667" class="ax_default" data-left="370" data-top="102" data-width="313" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u7668" class="ax_default box_1" data-label="input-border">
                        <div id="u7668_div" class=""></div>
                        <div id="u7668_text" class="text ">
                          <p><span>http://</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u7669" class="ax_default box_1" data-label="input-border">
                        <div id="u7669_div" class=""></div>
                        <div id="u7669_text" class="text ">
                          <p><span>.com</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (Group) -->
                      <div id="u7670" class="ax_default" data-left="427" data-top="102" data-width="209" data-height="32">

                        <!-- input-border (Rectangle) -->
                        <div id="u7671" class="ax_default box_1" data-label="input-border">
                          <div id="u7671_div" class=""></div>
                        </div>

                        <!-- Unnamed (Text Field) -->
                        <div id="u7672" class="ax_default text_field">
                          <input id="u7672_input" type="text" value=""/>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7673" class="ax_default" data-left="18" data-top="190" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u7674" class="ax_default box_1" data-label="input-border">
                        <div id="u7674_div" class=""></div>
                        <div id="u7674_text" class="text ">
                          <p><span>please select an owner</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u7675" class="ax_default box_1" data-label="input-border">
                        <img id="u7675_img" class="img " src="images/抽屉/input-border_u7675.png"/>
                        <div id="u7675_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7676" class="ax_default label">
                      <div id="u7676_div" class=""></div>
                      <div id="u7676_text" class="text ">
                        <p><span>Owner</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7677" class="ax_default" data-left="370" data-top="190" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u7678" class="ax_default box_1" data-label="input-border">
                        <div id="u7678_div" class=""></div>
                        <div id="u7678_text" class="text ">
                          <p><span>please choose the type</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u7679" class="ax_default box_1" data-label="input-border">
                        <img id="u7679_img" class="img " src="images/抽屉/input-border_u7675.png"/>
                        <div id="u7679_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7680" class="ax_default label">
                      <div id="u7680_div" class=""></div>
                      <div id="u7680_text" class="text ">
                        <p><span>Type</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7681" class="ax_default" data-left="18" data-top="279" data-width="312" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u7682" class="ax_default box_1" data-label="input-border">
                        <div id="u7682_div" class=""></div>
                        <div id="u7682_text" class="text ">
                          <p><span>please choose the approver</span></p>
                        </div>
                      </div>

                      <!-- input-border (Rectangle) -->
                      <div id="u7683" class="ax_default box_1" data-label="input-border">
                        <img id="u7683_img" class="img " src="images/抽屉/input-border_u7675.png"/>
                        <div id="u7683_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7684" class="ax_default label">
                      <div id="u7684_div" class=""></div>
                      <div id="u7684_text" class="text ">
                        <p><span>Approver</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7685" class="ax_default label">
                      <div id="u7685_div" class=""></div>
                      <div id="u7685_text" class="text ">
                        <p><span>DateTime</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7686" class="ax_default" data-left="370" data-top="282" data-width="313" data-height="32">

                      <!-- input-border (Rectangle) -->
                      <div id="u7687" class="ax_default box_1" data-label="input-border">
                        <div id="u7687_div" class=""></div>
                        <div id="u7687_text" class="text ">
                          <p><span></span></p>
                        </div>
                      </div>

                      <!-- Unnamed (Text Field) -->
                      <div id="u7688" class="ax_default text_field">
                        <input id="u7688_input" type="date" value=""/>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u7689" class="ax_default label">
                      <div id="u7689_div" class=""></div>
                      <div id="u7689_text" class="text ">
                        <p><span>Description</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Group) -->
                    <div id="u7690" class="ax_default" data-left="18" data-top="368" data-width="664" data-height="80">

                      <!-- input-area-border (Rectangle) -->
                      <div id="u7691" class="ax_default box_1" data-label="input-area-border">
                        <div id="u7691_div" class=""></div>
                      </div>

                      <!-- Unnamed (Text Area) -->
                      <div id="u7692" class="ax_default text_area">
                        <textarea id="u7692_input"></textarea>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7693" class="ax_default label">
        <div id="u7693_div" class=""></div>
        <div id="u7693_text" class="text ">
          <p><span>对象编辑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7694" class="ax_default label">
        <div id="u7694_div" class=""></div>
        <div id="u7694_text" class="text ">
          <p><span>用于承载编辑相关操作，需要点击关闭按钮关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7695" class="ax_default box_1">
        <div id="u7695_div" class=""></div>
        <div id="u7695_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>

      <!-- info (Dynamic Panel) -->
      <div id="u7696" class="ax_default ax_default_hidden" data-label="info" style="display:none; visibility: hidden">
        <div id="u7696_state0" class="panel_state" data-label="State1" style="">
          <div id="u7696_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u7697" class="ax_default box_1">
              <img id="u7697_img" class="img " src="images/抽屉/u7697.png"/>
            </div>

            <!-- content (Dynamic Panel) -->
            <div id="u7698" class="ax_default" data-label="content">
              <div id="u7698_state0" class="panel_state" data-label="State1" style="">
                <div id="u7698_state0_content" class="panel_state_content">

                  <!-- Unnamed (Dynamic Panel) -->
                  <div id="u7699" class="ax_default">
                    <div id="u7699_state0" class="panel_state" data-label="State1" style="">
                      <div id="u7699_state0_content" class="panel_state_content">

                        <!-- Unnamed (Rectangle) -->
                        <div id="u7700" class="ax_default box_1">
                          <div id="u7700_div" class=""></div>
                          <div id="u7700_text" class="text ">
                            <p><span>User Profile</span></p>
                          </div>
                        </div>

                        <!-- Unnamed (Horizontal Line) -->
                        <div id="u7701" class="ax_default line">
                          <img id="u7701_img" class="img " src="images/对话框/u7504.png"/>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7702" class="ax_default label">
                    <div id="u7702_div" class=""></div>
                    <div id="u7702_text" class="text ">
                      <p><span>Personal</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7703" class="ax_default label">
                    <div id="u7703_div" class=""></div>
                    <div id="u7703_text" class="text ">
                      <p><span>Full Name: Aresn</span></p><p><span>City: BeiJing</span></p><p><span>Birthday: May 14, 1991</span></p><p><span>Message: Hello, Developer</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7704" class="ax_default label">
                    <div id="u7704_div" class=""></div>
                    <div id="u7704_text" class="text ">
                      <p><span style="color:#515A6E;">Account: aresn@aresn.com</span></p><p><span style="color:#515A6E;">Country: China</span></p><p><span style="color:#515A6E;">Website: </span><span style="color:#2C8CF0;">https://dev.iviewui.com</span></p><p><span style="color:#515A6E;"><br></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u7705" class="ax_default line">
                    <img id="u7705_img" class="img " src="images/抽屉/u7705.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7706" class="ax_default label">
                    <div id="u7706_div" class=""></div>
                    <div id="u7706_text" class="text ">
                      <p><span>Company</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7707" class="ax_default label">
                    <div id="u7707_div" class=""></div>
                    <div id="u7707_text" class="text ">
                      <p><span>Position: Programmer</span></p><p><span>Department: Map visualization</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7708" class="ax_default label">
                    <div id="u7708_div" class=""></div>
                    <div id="u7708_text" class="text ">
                      <p><span>Responsibilities:Coding</span></p><p><span><br></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7709" class="ax_default label">
                    <div id="u7709_div" class=""></div>
                    <div id="u7709_text" class="text ">
                      <p><span>Skills:C / C + +, data structures, software engineering, operating systems, computer networks, databases, compiler theory, computer architecture, Microcomputer Principle and Interface Technology, Computer English, Java, ASP, etc.</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Horizontal Line) -->
                  <div id="u7710" class="ax_default line">
                    <img id="u7710_img" class="img " src="images/抽屉/u7705.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7711" class="ax_default label">
                    <div id="u7711_div" class=""></div>
                    <div id="u7711_text" class="text ">
                      <p><span>Contacts</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7712" class="ax_default label">
                    <div id="u7712_div" class=""></div>
                    <div id="u7712_text" class="text ">
                      <p><span style="color:#515A6E;">Email: admin@aresn.com</span></p><p><span style="color:#515A6E;">GitHub: </span><span style="color:#2C8CF0;">https://github.com/iview/iview</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u7713" class="ax_default label">
                    <div id="u7713_div" class=""></div>
                    <div id="u7713_text" class="text ">
                      <p><span>&nbsp;Phone Number: +86 18888888888</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7714" class="ax_default label">
        <div id="u7714_div" class=""></div>
        <div id="u7714_text" class="text ">
          <p><span>信息预览抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7715" class="ax_default label">
        <div id="u7715_div" class=""></div>
        <div id="u7715_text" class="text ">
          <p><span>需要快速预览对象概要时使用，点击遮罩区关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u7716" class="ax_default box_1">
        <div id="u7716_div" class=""></div>
        <div id="u7716_text" class="text ">
          <p><span>打开抽屉</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
